<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		.ul11 li{width: 25%;}
	</style>
</head>
<link rel="stylesheet" type="text/css" href="_PUBLIC_/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="_PUBLIC_/css/base.css">
<link rel="stylesheet" href="_PUBLIC_/css/header.css" />
<link rel="stylesheet" type="text/css" href="_PUBLIC_/css/grzh_sj.css">
<link rel="stylesheet" href="_PUBLIC_/css/wodedaili.css" />
<script type="text/javascript" src="_PUBLIC_/js/jquery.min.js"></script>
<script type="text/javascript" src="_PUBLIC_/js/bootstrap.min.js"></script>
<body>
		<div class="header">
			<div class="content">
				<img src="_PUBLIC_/img/login.png" />
				<div class="mune">
					<div><a href="javascript:;">成为代理</a></div>
					<div><a href="javascript:;">会员中心</a></div>
				</div>
				<p class="rexian">客服热线：<span>14141414141</span></p>
				<p class="zhengjian">欢迎来到正见代理系统</p>
				<a href="javascript:;">进入正见官网》</a>
			</div>
		</div>
		
		
		<div class="banner">
			<div>
				<img src="_PUBLIC_/img/login.png">
				<p>
					<span>已用名额 :<span>17</span>个</span>
					<span>已用名额 :<span>17</span>个</span>
					<span>已用名额 :<span>17</span>个</span>
				</p>
			</div>
		</div>
	<div class="nav">
		<div class="" style="width: 1200px;margin: 0 auto;">
			<ul class="" style="width: 870px;margin-left: 320px;">
				<ul class="clearfix ul11">
					<li style="float: left;" class=""><a href="##">我的代理商</a></li>
					<li style="float: left;" class=""><a href="##">申请记录</a></li>
					<li style="float: left;" class=""><a href="##" class="active">升级</a></li>
					<li style="float: left;" class=""><a href="##" >个人资料设置</a></li>
				</ul>
			</ul>
		</div>
	</div>
	<div class="main">
		<div style="width: 1200px;margin: 0 auto;">
		<div class=" clearfix">
			<div style="width: 292px;float: left;">
				<div class="panel panel-default">
					  <!-- Default panel contents -->
					  <div class="panel-heading">个人资料</div>
					  <!-- List group -->
				  <ul class="list-group">
					   <li class="list-group-item"><span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;&nbsp;昵称：星辰</li>
					   <li class="list-group-item"><span class="glyphicon glyphicon-star-empty"></span>&nbsp;&nbsp;&nbsp;等级：天使合伙人</li>
					   <li class="list-group-item"><span class="glyphicon glyphicon-phone-alt"></span>&nbsp;&nbsp;&nbsp;电话：15827161222</li>
					   <li class="list-group-item">&nbsp;&nbsp;&nbsp;&nbsp;上级：无</li>
					   <li class="list-group-item">&nbsp;&nbsp;&nbsp;&nbsp;我的邀请码：15156517</li>
					   <li class="list-group-item">&nbsp;&nbsp;&nbsp;&nbsp;查看更多资料</li>
				  </ul>
				  
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">我的余额</h3>
					</div>
						<div class="panel-body">
						    余额：三万
						</div>
				</div>
			</div>
			<div style="width: 870px; float: right;">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">公告栏</h3>
					</div>
						<div class="panel-body">
						    所剩名额不多请升级，或向上级购买名额
						</div>
				</div>
			<div class="panel panel-warning">
				  <!-- Default panel contents -->
				  <div class="panel-heading ">设置</div>
				  

				  <!-- List group -->
				  <ul class="list-group">
					   <li class="list-group-item"><span>会员姓名：赵伟峰</span></li>
					    <li class="list-group-item"><span>当前余额：3万</span></li>
					    <li class="list-group-item"><span>代理排名榜排名：20</span></li>
					    <li class="list-group-item"><span>会员账号密码修改：*****</span>&nbsp;&nbsp;&nbsp;<input type="text" name="" class="hide"><a href="##">修改</a></li>
					    <li class="list-group-item"><span>账号绑定手机号：15654679784</span>&nbsp;&nbsp;&nbsp;<input type="text" name="" class="hide"><a href="##">修改</a></li>
					    <li class="list-group-item"><span>会员籍贯:湖北</span>&nbsp;&nbsp;&nbsp;<input type="text" name="" class="hide"><a href="##">修改</a></li>
					    <li class="list-group-item"><span>会员绑定身份证：未填写</span>&nbsp;&nbsp;&nbsp;<a href="##">修改</a></li>
				  </ul>
			</div>
			
			</div>
		</div>
	</div>
	</div>

	
</body>
<script type="text/javascript">
	$('.shenji').click(function(){
		$(this).css({'border':'1px solid red'}).siblings().css({'border':'1px solid #999999'})
	})
</script>
</html>